<template>
  <div id="app" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
    <router-view />
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  name: 'app',
  computed: {
    ...mapState({
      fullscreenLoading: state => state.loading
    })
    /* fullscreenLoading: function() {
      return this.$store.state.loading;
    } */
  },
  mounted() {
    console.log(this.$store);
  }
};
</script>

<style lang="less">
@import url('./assets/style/global.less');
@import url('./assets/style/reset.less');
@import url('./assets/style/iconfont.less');
</style>

